﻿/************************************************************/
/*              Copyright EXiT05                            */ 
/* author: M.A. van Zuijlen                                 */
/* desc: inspired by windowsteamblog.com                    */
/************************************************************/




/************************************************************/
/*                  DEFAULTS                                */
/************************************************************/

body                {background: #FFFFFF;font-size: .80em;font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;margin: 0px;padding: 0px;color: #000000;}
a:link, a:visited   {color:#06C;}
a:hover             {color:#1d60ff;text-decoration: none;}
a:active            {color:#034af3;}
.error              {color:Red;}
.clear              {clear:both;}
.failureNotification{font-size:1.2em;color:Red;}

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6  {font-size: 1.5em;color: #666666;font-variant: small-caps;text-transform: none;font-weight: 200;margin-bottom: 0px;}
h1                      {font-size: 1.6em;padding-bottom: 0px;margin-bottom: 0px;}
h2                      {font-size: 1.5em;font-weight:600;padding:0px;margin:0px;}
h3                      {font-size: 1.2em;padding:0px;margin:0px;}
h4                      {font-size: 1.1em;}
h5, h6                  {font-size: 1em;}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2    {margin-top:0px;}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page               {width:1004px;background-color:#fff;margin:6px auto 0px auto;padding:0px;text-align:left;}
.top                {width:1004px;padding:0px;margin:0px;min-height:220px;float:left;}
.col-left           {width:800px;padding:0px;margin:0px 0px 16px 0px;min-height:420px;float:left;}
.col-right          {width:200px;float:left;padding:0px;margin:0px 0px 16px 0px;}
.section.large      {width:1002px;padding:0px;margin:0px;float:left;}
.section.medium     {width:780px;padding:0px;margin:0px;float:left;}
.section.small      {width:188px;padding:4px;margin:0px 0px 8px 0px;border:solid 1px #CCCCCC;float:left;}
.header             {position: relative;margin: 0px;padding: 0px;background: #FFFFFF;width: 1000px;}
.header h1          {font-weight:700;margin: 0px;padding: 18px 0px 0px 20px;color:#FF6600;border: none;line-height: 2em;font-size: 2em;}
.header img         {border:0px;float:left;margin-right:12px;padding-top:16px;}


/************************************************************/
/*                  NAVIGATION                              */
/************************************************************/

/** for top navigation see TopNavigation.css **/


div.categoryNavigation                          {padding:0px 0px 8px 0px;float:left;display:block;width:100%;}
div.categoryNavigation ul                       {list-style:none;padding:0px;margin:0px;background-color:#00467F;width:100%;float:left;display:block;}
div.categoryNavigation li                       {list-style:none;padding:0px;margin:0px;float:left;background-color:#00467F;}
div.categoryNavigation li a                     {list-style:none;margin:0px;padding:6px;float:left;color:#FFFFFF;background-color:#00467F;display:block;text-decoration:none;border-right:solid 1px #FFFFFF;border-top:solid 1px #00467F;border-left:solid 1px #00467F;border-bottom:solid 1px #00467F;}
div.categoryNavigation li a:hover               {color:#00467F;background-color:#FFFFFF;text-decoration:none;border:solid 1px #00467F;}

div.displayOptions                              {margin:0px 0px 8px 0px;float:left;display:block;width:100%;background-color:#FFFFFF;text-align:right;}
div.displayOptions ul                           {list-style:none;padding:0px;margin:0px;background-color:#FFFFFF;display:block;float:right;}
div.displayOptions li                           {list-style:none;padding:0px;margin:0px;float:left;background-color:#FFFFFF;border-right:solid 1px #000000;}
div.displayOptions li a                         {list-style:none;margin:0px;padding:0px 4px 0px 4px;float:left;display:block;text-decoration:none;border:0px;font-size:86%;}
div.displayOptions li.first                     {list-style:none;margin:0px;padding:0px 4px 0px 4px;text-decoration:none;border:0px;font-size:86%;font-weight:bold;}
div.displayOptions li.last                      {border:0px;}

div.footer                                      {width:1002px;color:#4e5766;padding:6px 0px 0px 0px;margin:0px auto;text-align:center;line-height:normal;clear:both;border-top:solid 1px #CCCCCC;}  
div.footer ul                                   {float:left;margin-top:4px;}
div.footer li                                   {list-style:square;float:left;padding:8px;list-style-position:inside;}

/************************************************************/
/*                  FORM ELEMENTS                           */
/************************************************************/
.login_box .text            {margin:4px 0px 0px 32px;text-align:left;}
.section.medium.login       {border:solid 1px #CCCCCC;padding:8px;width:760px;}

.help ul                    {list-style:none;padding:0px;margin:0px;}
.help ul li                 {list-style:none;padding:0px;margin:4px 0px 8px 0px;}

.messageBox                 {background-color:#ECF1FB;border:solid 1px #3366CC;color:#555;margin:0px 0px 12px 0px;padding:12px;width:754px;}
.messageBox.large           {width:974px;float:left;margin-top:12px;}
.messageBox.error           {background-color:#FFF9F9;border:solid 1px #CC0000;color:#CC0000;}

div.categoryList            {float:left;text-align:left;}
div.categoryList select     {width:140px;margin:0px 0px 8px 4px;}

.dashboard                  {margin:0px;padding:0px;list-style:none;display:block;width:100%;min-height:640px;}
.dashboard a                {text-decoration:none;color:#000000;}
.dashboard a:hover          {text-decoration:none;color:#FF6600;}
.dashboard strong           {color:#FF6600;}

.dashboard ul               {margin:12px 0px 12px 0px;padding:0px;list-style:none;}
.dashboard li a             {margin:0px 8px 0px 0px;padding:4px;width:234px;height:200px;float:left;background-color:#ECF1FB;border:solid 1px #3366CC;}
.dashboard li a.last          {margin:0px 0px 0px 0px;padding:4px;width:233px;height:200px;float:left;}
.dashboard li a.profile       {background-image:url('../../Images/Once_by_Delacro/Friends.png');background-repeat:no-repeat;background-position:right bottom;}
.dashboard li a.account       {background-image:url('../../Images/web-icons-Styleprone/Gears.png');background-repeat:no-repeat;background-position:right bottom;}
.dashboard li a.ads           {background-image:url('../../Images/Once_by_Delacro/Shopping.png');background-repeat:no-repeat;background-position:right bottom;}
.dashboard li a.stats         {background-image:url('../../Images/Once_by_Delacro/Chart_bar.png');background-repeat:no-repeat;background-position:right bottom;}

legend                                  {margin-left:16px;}  
legend .mandatory                       {color:Red;}
fieldset                                {padding:0;margin:16px 0px 8px 0px;background-color:#F6F6F6;border:solid 1px #DDDDDD;border:solid 1px #DDDDDD;width:777px;}
fieldset ol                             {list-style:none;padding:0px;margin:16px 0px 8px 0px;float:left;width:96%;}
fieldset ol li                          {padding:4px 0px 4px 8px;width:100%;clear:both;text-align:left;}
fieldset ol label                       {width:240px;padding:4px 12px 0 0;margin:0 .5em 0 0;text-align:right;vertical-align:top;display:block;float:left;line-height:1.2;}
fieldset ol label abbr                  {margin:0;padding:0;vertical-align:middle;border:0;color:Red;}
fieldset ol input[type="text"]          {width:160px;padding:3px;border:solid 1px #CCCCCC;}
fieldset ol input[type="text"].medium   {width:60px;}
fieldset ol input[type="text"].small    {width:40px;}
fieldset ol input[type="password"]      {width:160px;padding:3px;background-color:#FFFFFF;color:#333;border:solid 1px #CCCCCC;}
fieldset ol textarea                    {width:320px;padding:3px;border:solid 1px #CCCCCC;}
fieldset ol select                      {width:160px;padding:3px;border:solid 1px #CCCCCC;}
fieldset ol input[type="checkbox"]      {border:0px;padding:0;margin:4px 0 0 0;line-height:1.1;}
fieldset ol input[type="submit"]        {padding:4px 12px 4px 12px;background-color:#00467F;color:#ffffff;}
fieldset ol input[type="submit"]:hover  {padding:4px 12px 4px 12px;background-color:#FF6600;color:#ffffff;cursor:pointer;}
fieldset ol .large                      {width:240px;}
fieldset ol .small                      {width:80px;}
fieldset ol select                      {width:140px;}
fieldset ol option                      {padding:2px 0px 2px 0px;}
fieldset ol em                          {padding:0 0 0 0;margin:0 0 0 12px;color:Red;text-align:left;vertical-align:top;line-height:1.8;position:absolute;}
.buttonBar                              {width:100%;text-align:right;}
/************************************************************/
/*                  CONTENT                                 */
/************************************************************/
.banner                     {border:solid 1px #CCCCCC;}

.spacer                     {clear: both;width:1000px;}
.adlist                     {width:100%;border:solid 1px #CCCCCC;}
.adlist td                  {border:solid 1px #CCCCCC;}    
.adlist a                   {text-decoration:none;}
.adlist a:hover             {text-decoration:none;color:#000000;}

.adImageList                {padding:0px;margin:0px;}
.adImageList ul             {padding:0px;margin:0px;list-style:none;}
.adImageList li             {padding:0px;margin:0px 16px 0px 0px;list-style:none;float:left;max-width:120px;}
.adImageList img            {padding:2px;border:solid 1px #f2f2f2;}
.adImageList img:hover      {padding:2px;border:solid 1px #00467F;}

.latest-ads                 {padding:0px;margin:0px;}
.latest-ads ul              {list-style:none;float:left;padding:0px;margin:0px;}
.latest-ads li              {padding:4px 0px 0px 0px;width:100%;margin:0px;display:block;}


.title                      {display: block;float: left;text-align: left;width: auto;}

.loginDisplay               {font-size: 1.1em;display: block;text-align: right;padding:0px 0px 20px 0px;color: #666666;height:60px;}
.loginDisplay a:link        {color: #666666;}
.loginDisplay a:visited     {color: #666666;}
.loginDisplay a:hover       {color: #666666;}

.topads                     {padding:0px;margin:20px 0px;width:100%;display:block;}
.topads ul                  {list-style:none;float:left;padding:0px;margin:0px;width:10002;}
.topads li                  {list-style:none;padding:0px;margin:0px;text-align:left;border:solid 0px;float:left;width:332px;} 
.topads img                 {border:0px;float:left;} 
.topads .title              {font-weight:bold; font-size:120%;}
.topads .adlinks            {float:left;width:100px;padding:0px;margin:0px;}
.topads .description        {float:left;width:212px;padding:0px;margin:0px;}
.item_list                  {width:100%;}

.section.small ul.news      {list-style:none;padding:0px;margin:0px;}
.section.small .news li     {padding:2px 0px 4px 0px;border-bottom:solid 1px #CCCCCC;}  
.section.small .news li.last{padding:2px 0px 4px 0px;border-bottom:solid 0px #CCCCCC;}   

.gallery                    {padding:10px;width:100%;}
.gallery ul                 {list-style: none;}
.gallery ul li              {display:inline;}
.gallery ul img             {border:5px solid #00467F;border-width:5px 5px 20px;}
.gallery ul a:hover img     {border:5px solid #CCCCCC;border-width:5px 5px 20px;color:#fff;}
.gallery ul a:hover         {color:#fff;}           
    /************************************************************/
/*                  ADMIN                                   */
/************************************************************/
.main.admin                         {width:100%;display:block;min-height:760px;}    
.main.admin .msgbox                 {width:998px;padding:10px 0px 16px 0px;margin:0px 0px 16px 0px;border:solid 1px #CCCCCC;background-color:#FFFFCC;display:block;font-weight:bold;clear:both;text-align:center;}
.main.admin .lstBox                 {width:284px;min-height:100px;}
.main.admin .panel                  {border:solid 1px #CCCCCC;width:236px;float:left;padding:4px;height:180px;margin:2px 4px 0px 0px;background-color:#D2E9FF;} 
.main.admin .panel ul               {list-style:none;padding:0px;margin:0px;}
.main.admin fieldset                {width:100%;}
.main.admin label                   {width:350px;float:left;display:block;}
.main.admin .title                  {font-weight:bold;color:Blue;}
